<script setup lang="ts">
import BaseHeader from './components/layouts/BaseHeader.vue'
import BaseSide from './components/layouts/BaseSide.vue'
// import vedioMain from './components/vedioMain.vue';

</script>

<template>
  <div class="common-layout">
    <BaseHeader></BaseHeader>
    <div class="main">
      <BaseSide></BaseSide>
      <el-card class="vedioMain">
        <!-- <vedioView></vedioView> -->
        <!-- <Login></Login> -->
        <router-view></router-view>
        <!-- <vedioMain></vedioMain> -->
      </el-card>


    </div>
  </div>
</template>

<style lang="scss" scoped>
#app {
  margin: 0;
}

.main {
  display: flex;
}

.vedioMain {
  width: 80vw;
  height: 80vh;
  position: relative;

}
</style>
